Ext.define('TraditionalPanel.controller.TraditionalPanelController', { //定义类
	extend : 'Ext.app.Controller', //一定要继承Controller
	//添加views，让控制器找到
	views : [
		'Accordion',
		'Center',
		'Top',
		'Bottom'
	],
	//查找到组件
	refs : [{
		ref : 'tab',
		//找到center
		selector : 'osCenter'
	}],
	//自动调用此方法
	init : function () {
		var instance = this;
		this.control({
			//首先找到accordion，然后找到button组件中id=button1的组件
			'osAccordion treepanel' : {
				itemclick : function (view, record, item, index, e, opts) {
					//获取当前点击的节点
					var treeNode = record.raw;
					var app = treeNode.app;
					var text = treeNode.text;
					//获取点击的树节点相同的tab标签
					//通过ref查找到并且进行操作
					var tab = this.getTab().getComponent(app);
					if (!tab) { //如果不存在
						this.getTab().add({ //用点击树的节点的ID、text新建一个tab
							id : app,
							title : text,
							//可以被关闭
							closable : true,
							//自动销毁
							autoDestroy : true,
							closeAction : 'destory',
							layout: 'fit',
							items : {
								xtype : app
							}
						});
					}

					this.getTab().setActiveTab(app) //Active
				}
			}
		});
	}
});
